<template>
    <a-drawer :bodyStyle="{ overflow: 'auto' }" :destroyOnClose="true" :title="title" :width="width" :visible="visible"
        :confirmLoading="confirmLoading" :maskClosable="true" :mask="true" :closable="true" @close="close">
        <!-- onlyoffice展示 -->
         <div v-html="ipcVideo">
         </div>
    </a-drawer>
</template>

<script>

import { SysMixin } from '@/mixins/SysMixin'
import defaultSettings from '@/config/defaultSettings'
import vabOnlyOffice from '../onlyoffice/onlyofficeUtil/index.vue'
import request from '@/utils/request'
export default {
    name: 'ipcOnlyofficeViewForm',
    components: { vabOnlyOffice },
    mixins: [SysMixin],
    props: {

    },
    data() {
        return {
            defaultSettings,
            visible: false,
            width: 800,
            model: '',
            confirmLoading: false,
            title: '',
            ipcVideo:"暂无"

        }
    },

    methods: {
        edit(record) {
            this.visible=true
            if(record.ipcVideo){
                this.ipcVideo=Base64.decode(record.ipcVideo)
            }
            
        },
        ok() {

        },
        cancel() {
            this.visible = false
            this.$emit('handleCancel')
        },
        close() {
            this.visible = false
            this.$emit('close')
        },

        emitChangeHandler(changeItem) {
            this.$emit('handlerChange', changeItem)
        },
        emitClickHandler(field, form) {
            this.$emit('handlerClick', field, form)
        },
        getForm() {
            return this.$refs.LForm.form
        },
    }

}
</script>
<style  scoped lang="less">
.drawer-bootom-button {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 16px;
    left: 0;
    text-align: right;
    border-top: 1px solid var(--component-border-color) !important;
    background: var(--drawer-header-background-color) !important;
    border-radius: 0 0 2px 2px;
    z-index: 999999;
}

.qualityManual-container {
    padding: 0 !important;
    width: 100%;
    height: calc(100vh - 50px);
}

.qualityManual-container-office {
    width: 100%;
    height: calc(100% - 55px);
}
</style>
